<template>
  <view class="template-index ">
	  <!-- 顶部自定义导航 -->
	  <tn-nav-bar :isBack="false" fixed :bottomShadow="false" backTitle=" " backgroundColor="none">
	    <view class="" >
	      <text class="tn-text-lg tn-color-brown tn-text-bold">首页推荐</text>
	    </view>
	  </tn-nav-bar>
	  <view class="top-backgroup">
	    <image src='https://resource.tuniaokj.com/images/my/my-bg2.png' mode='widthFix' class='backgroud-image'></image>
	  </view>
	<view class="content page">
		<tan-tan-swiper :isFlush="isFlush"   />
	</view>
	</view>
</template>
<script>
import TanTanSwiper from '@/components/cl-cardDel/index.vue'
export default {
		props: {
		  isFlush: {
			type: Boolean,
			default: false
		  },
		},
		name: 'Index',
		components: {
			TanTanSwiper
		},
		
		data() {
			return {
				timer: '',
				isLike: false,
				preIndex: 0,
				show: false,
				content: '',
				title: '提示',
				confirmtext: '确认',
				canceltext: '取消',
				showcancelbutton: true,
				actionoperation: "",
				amapPlugin: null,
				key: '87b470386b2e45e0d16bb3599a7b6831',
				userId: '',
			}
		},
}
</script>
<style lang="scss" scoped>
	/* 顶部背景图 start */
	.top-backgroup {
	  height: 450rpx;
	  z-index: -1;
	
	  .backgroud-image {
	    width: 100%;
	    height: 450rpx;
	    // z-index: -1;
	  }
	}
	
	/* 顶部背景图 end */
	
	/* 标题 start */
	.nav_title {
	  -webkit-background-clip: text;
	  color: #0E122A;
	  
	  
	  &--wrap {
	    position: relative;
	    display: flex;
	    height: 120rpx;
	    align-items: center;
	    justify-content: center;
	    font-weight: bold;
	    background-image: url(https://resource.tuniaokj.com/images/title_bg/title44.png);
	    background-size: cover;
	  }
	}
	/* 标题 end */
</style>